import styled from 'styled-components'


export const FooterWrapper = styled.div `
  height: 115px;
  font-size: 12px;
  border-top: 1px solid #d3d3d3;
  background-color: #f2f2f2;
  margin-top: 50px;

   .content {
    display: flex;
    justify-content: space-between;
   }
 `

export const FooterLeft = styled.div `

 
  
  .link{
    display: flex;
    width: 520px;
    height: 24px;
    margin: 6px 0;
    li {
          height: 12px;
          line-height: 12px;
          padding:  0 10px;
          margin-top: 10px;
          border-right: 1px solid #ccc;
          a {
            color: #999999;
          }
      }
      li:nth-child(1){
        padding-left: 0;
      }
  }
  .copyright, .report, .info {
    margin-bottom: 6px;
    span{
      margin-right: 14px;
    }
  }

 `

export const FooterRight = styled.div `
margin-right: 50px;
    ul{
      display: flex;
      margin-top: 30px;
      .item{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        text-align: center;
        height: 70px;
        width: 60px;
        margin-left: 30px;

        .link{
          display: block;
          width: 50px;
          height:45px;

          /* background-image: url(${require("@/assets/img/sprite_footer_02.png")});
          background-size: 110px 450px; */
           background-color: #ccc;
        }
        
        .title{
          text-align: center;
          font-size: 10px;
          margin-top: 5px;
        }
      }
    }
 `